body{
    background-color: #f4f4f4;
    .header{
        // height: .88rem;
        background-color: #f5445d;
        .top{
            height: 1.36rem;
            line-height: 1.36rem;
            a{
                display: inline-block;
                height: 100%;
                img{
                    height: .26rem;
                }
            }
            span{
                font-size: .30rem;
                color: #fff;
                margin-left: 2.8rem;
            }
        }
    }
//    订单全部列表
    .bodys{
        background-color: #f4f4f4;
         // 主题页面的5个功能模块
        .area{
            height: .70rem;
            background-color: #fff;
            margin-bottom: .20rem;
            ul{
                display: flex;
                li{
                    flex: 1;
                    line-height: .70rem;
                    text-align: center;
                   
                    .active{
                        display: inline-block;
                        height: .7rem;
                        color: #f5445d;
                        border-bottom: .02rem solid #f5445d;
                    }
                    a{
                        font-size: .26rem;
                        color: #505050;
                    }
                }
            }
        }
        // 全部列表
        .all,.obligation,.returned-purchase,.Goods-to-be-received,.off-the-stocks{
            // background-color: #fff;
            ul{
                li{
                    background-color: #fff;
                    margin-bottom: .20rem;
                   .p-top{
                       overflow: hidden;
                       padding: 0 .26rem;
                       height: .70rem;
                       line-height: .70rem;
                       a{
                           width: 100%;
                           display: inline-block;
                           img{
                                display: inline-block;
                                vertical-align: middle;
                                margin-top: .20rem;
                                width: .2rem;
                            }
                            span{
                                color: #505050;
                                font-size: .26rem;
                                margin-left: .26rem;
                            }
                            .left{
                                width:.34rem;
                            }
                        }
                    }
                    //  第二层ul标签的样式设置
                    ul{
                        li{
                            overflow: hidden;
                            height: 2.22rem;
                            padding: 0 .26rem;
                            position: relative;
                            border-top: .01rem solid #f4f4f4;
                            img{
                                width: 1.6rem;
                                margin-top: .38rem;
                            }
                            .jieshao{
                                margin-top: .36rem;
                                position: absolute;
                                height: 100%;
                                top: 0;
                                left: 0;
                                padding:0rem .2rem 0 2.26rem;
                                overflow: hidden;
                                p{
                                    color: #505050;
                                    font-size: .26rem;
                                    margin-bottom: .36rem;
                                }
                                span{
                                    color: #f5445d;
                                    font-size: .36rem;
                                }
                                i{
                                    font-style: normal;
                                    color: #505050;
                                    font-size: .26rem;
                                }
                            }
                        }
                    }
                    // 店铺统计
                    .p-bottom{
                        height: 1.94rem;
                        text-align: right;
                        border-top: .01rem solid #f4f4f4;
                        padding-right: .26rem;
                        .n-top{
                            padding-left: .26rem;
                            text-align: left;
                            height: 1.08rem;
                            line-height: 1.08rem;
                            color: #505050;
                            overflow: hidden;
                            div{
                                span{
                                    margin-bottom: .46rem;
                                }
                                span:nth-of-type(2){
                                    font-size: .36rem;
                                    color: #f5445d;
                                }
                            }
                            i{
                                font-style: normal;
                                color: #f5445d;
                                font-size: .26rem;
                                // margin-right: 3rem;
                            }
                        }
                        .n-bottom{
                            a{
                                display: inline-block;
                                width: 1.60rem;
                                height: .58rem;
                                line-height: .58rem;
                                color: #f5445d;
                                font-size: .28rem;
                                border: .01rem solid #f5445d;
                                border-radius: .5rem;
                                text-align: center;
                                margin-left: .2rem;
                            }
                            .cancel{
                                border: .01rem solid #282828;
                                color: #383938;
                            }
                        }
                    }
                }
            }
        }
    }
    // 弹窗样式
    #domMessage{
        height: 3.3rem;
        width: 6.28rem;
        line-height: 3.3rem;
        text-align: center;
        img{
            margin-right: .2rem;
            width: .6rem;
        }
        span{
            color: #505050;
            font-size: .32rem;
        }
    }
    // 申请退款弹窗
    #dom{
        height: 4.7rem;
        width: 6.28rem;
        padding-top:.88rem; 
        span{
            line-height: .5rem;
            text-align: left;
            margin-left: .46rem;
            display: inline-block;
            color: #505050;
            font-size: .32rem;
            // padding: 0rem 0.3rem 0 .46rem;
            margin-bottom: 1.96rem;
        }
        a{
            width: 49%;
            display: inline-block;
            height: .86rem;
            font-size: .32rem;
            line-height: .86rem;
            text-align: center;
        }
        a:nth-of-type(1){
            background-color: #eee;
            color: #505050;
        }
        a:nth-of-type(2){
            background-color: #f5445d;
            color: #fff;
        }
    }
    // 退款流程弹窗
    #demo{
        height: 6rem;
        width: 6.3rem;
        position: relative;
        h2{
            font-weight: 400;
            height: 1rem;
            line-height: 1rem;
            width: 100%;
            color: #262525;
            font-size: .3rem;
            text-align: left;
            padding-left: .4rem;
            border-bottom: .01rem solid #f4f4f4;
        }
        .text-c{
            height: .8rem;
            line-height: .8rem;
            text-align: left;
            padding-left: .4rem;
            border-bottom: .01rem solid #f4f4f4;
            label{
                display: inline-block;
                width: 100%;
                overflow: hidden;
                span{
                    color: #505050;
                    font-size: .28rem;
                }
                a{
                    margin-left: 3.7rem;
                    display: inline-block;
                    height: .3rem;
                    width:.3rem;
                    border: 0;
                    border-radius: 50%;
                    background: url("../images/复选框-选中@2x.png") no-repeat;
                    background-size: .3rem .3rem;
                    margin: .26rem .36rem 0 0;
                }
                input[type="checkbox"]{
                    height: 0;
                }
            }
        }
        .text{
            height: 1.26rem;
            text-align: left;
            padding-left: .4rem;
            padding-top: .76rem;
            border-bottom: .01rem solid #f4f4f4;
            margin-bottom: .46rem;
            input{
                display: inline-block;
                width: 100%;
                border: 0;
                // color: #9f9f9f;
                font-size: .28rem;
            }
        }
        .test{
            width: 100%;
            height: .88rem;
            line-height: .88rem;
            text-align: center;
            background-color: #f5445d;
            border-radius: 0 0 .1rem .1rem;
            a{
                display: inline-block;
                color: #fff;
                font-size: .32rem;
            }
        }
    }
    // 叉号的样式
    em{
        font-style: normal;
        position: absolute;
        margin-top: .4rem;
        color: #fff;
        font-size: .8rem;
    }
}